<template>
	<div>
    <div class="div_2">
    	<div class="div_2_3">
    		<div class="div_2_3_1">
    			<ul>
    				<li class="li">
    					<i class="fa fa-bandcamp" aria-hidden="true"></i>
    					<a>预约维修服务</a>
    				</li>
    				<li class="li">
    					<i class="fa fa-undo" aria-hidden="true"></i>
    					<a>7天无理由退货</a>
    				</li>
    				<li class="li">
    					<i class="fa fa-undo" aria-hidden="true"></i>
    					<a>15天免费换货</a>
    				</li>
    				<li class="li">
    					<i class="fa fa-truck" aria-hidden="true"></i>
    					<a>满150元包邮</a>
    				</li>
    				<li>
    					<i class="fa fa-map-marker" aria-hidden="true"></i>
    					<a>520余家售后网点</a>
    				</li>
    			</ul>
    		</div>
    		<hr class="hr1" />
    		<div class="div_2_3_2">
    			<table class="table" >
    				<thead>
    					<tr>
    						<th>帮助中心</th>
    						<th>服务支持</th>
    						<th>线下门店</th>
    						<th>关于小米</th>
    						<th>关注我们</th>
    						<th>特色服务</th>
    					</tr>
    				</thead>
    				<tbody>
    					<tr>
    						<td>账户管理</td>
    						<td>售后政策</td>
    						<td>小米之家</td>
    						<td>了解小米</td>
    						<td>新浪微博</td>
    						<td>F 码通道</td>
    					</tr>
    					<tr>
    						<td>购物指南</td>
    						<td>自助服务</td>
    						<td>服务网点</td>
    						<td>加入小米</td>
    						<td>官方微信</td>
    						<td>礼物码</td>
    					</tr>
    					<tr>
    						<td>订单操作</td>
    						<td>相关下载</td>
    						<td>授权体验店</td>
    						<td>投资者关系</td>
    						<td>联系我们</td>
    						<td>防伪查询</td>
    					</tr>
    				</tbody>
    			</table>
    			<hr class="hr2" />
    			<ul>
    				<li class="li_1">400-100-5678</li>
    				<li class="li_2">周一至周日 8:00-18:00</li>
    				<li class="li_3">（仅收市话费）</li>
    				<div class="div_2_3_2_1">
    					<i class="fa fa-commenting-o" aria-hidden="true"> 人工服务</i>
    				</div>
    			</ul>
    		</div>
        <div class="div_2_4">
          <img class="img_7" src="../assets/img/img7.png" />
        </div>
    	</div>
    </div>
  </div>
</template>

<script>
	export default{
		data(){
			return{

			}
		},
		components:{

		},
		methods:{

		}
	}
</script>

<style type="text/css">
  .div_2_3 {
  	position: absolute;
  	width: 100%;
  	height: 300px;
  	background: #FFFFFF;
    margin-top: 300px;
  }
  .img_7 {
  	position: absolute;
  	width: 100%;
  	height: 235px;
  }
  .div_2_3 .div_2_3_1 {
  	position: absolute;
  	width: 80%;
  	height: 60px;
  	left: 7%;
  }
  .div_2_3 .div_2_3_1 ul {
  	height: 100%;
  	text-align: center;
  	list-style: none;
  }
  .div_2_3 .div_2_3_1 ul li {
  	line-height: 33px;
  	display: inline-block;
  	margin-left: 58px;
  }
  .div_2_3 .div_2_3_1 ul li i {
  	color: #616161;
  }
  .div_2_3 .div_2_3_1 ul li a {
  	color: #616161;
  	font-size: 13px;
  }
  .div_2_3 .div_2_3_1 ul .li::after {
  	content: "|";
  	margin-left: 58px;
  	margin-right: 15px;
  	color: #616161;
  }
  .hr1 {
  	position: absolute;
  	width: 78%;
  	left: 11%;
  	top: 60px;
  }
  .div_2_3 .div_2_3_2 .table {
  	position: absolute;
  	border-collapse: collapse;
  	width: 62%;
  	left: 11%;
  	top: 92px;
  }
  .div_2_3 .div_2_3_2 .table th {
  	font-size: 12px;
  	text-align: left;
  	color: #424242;
  }
  .div_2_3 .div_2_3_2 .table td {
  	text-align: left;
  	height: 12px;
  	width: 12px;
  	font-size: 10px;
  	color: #757575;
  }
  .hr2 {
  	position: absolute;
  	left: 73.5%;
  	top: 92px;
  	height:120px;
  }
  .div_2_3 .div_2_3_2 ul {
  	position: absolute;
  	list-style: none;
  	text-align: center;
  	left: 74%;
  	top: 86px;
  }
  .div_2_3 .div_2_3_2 ul .li_1{
  	font-size: 16px;
  	line-height:32px;
  	color: #ff6700;
  }
  .div_2_3 .div_2_3_2 ul .li_2,.li_3{
  	font-size: 10px;
  	line-height:16px;
  	color: #757575;
  }
  .div_2_3 .div_2_3_2 .div_2_3_2_1 {
  	position: absolute;
  	width: 90px;
  	height: 25px;
  	left: 32%;
  	top: 80px;
  	border: 1px solid #ff6700;
  }
  .div_2_3 .div_2_3_2 .div_2_3_2_1 i {
  	font-size: 10px;
  	color: #ff6700;
  }
  .div_2_4 {
    margin-top: 246px;
   }
</style>
